<!--
字体属性：
    设置字体
    font-family:设置字体格式
    font-size:设置字体大小

    设置文本颜色：color
        color: red;
        color:#ff0000;
        color:rgb(255,0,0)

    设置字体的粗细：font-weight
        normal
        bold
        bolder
        lighter

    font-style:
        normal
        italic  斜体
        oblique 倾斜
        inherit

    字体对齐方式：text-align
        居中:center
        靠左:left
        靠右:rght

    文本缩进:text-indent
        单位可以是 em 或者 px
        使用 em 作为单位更好.1个 em 就是当前元素的文字大小
        缩进可以是负的，表示往左缩进

    文本装饰:text-decoration
    常用取值：
        underline   下划线
        none        啥都没有
        overline    上划线
        line-through 删除线

    文本行高（行间距）:line-height
    行高 = 上边距 + 下边距 + 字体大小
-->


<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    
    <style>
        div{
            font-family: "宋体";
            font-size: 80px;
            font-style: italic;/* 斜体*/
        }

        p{
            font-style: oblique;/*倾斜 */
            font-size: 80px;
            font-weight:900;

            text-indent: 2em;
            text-decoration: underline;

            line-height: 2em;
        }

        h1{
            text-align: left;
        }

        h2{
            text-align: center;
        }

        h3{
            text-align: right;
        }

        a{
            text-decoration: none;/* 取消下划线 */
        }


    </style>
</head>
<body>
    <div>这是宋体</div>
    <p>第二段话</p>

    <h1>靠左</h1>
    <h2>居中</h2>
    <h3>靠右</h3>

    <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. 
        Fugit amet cum architecto. Est sapiente eligendi delectus doloremque commodi dolore! 
        Asperiores ab placeat illo mollitia quidem repudiandae sunt ut exercitationem sequi!</p>

    <a href="#">不跳转</a>
</body>
</html>